<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>智付系统</title>
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>
<body>
<div class="com-title">
	交易管理<i class="icon icon-jt"></i><span class="c-828c91">交易详情</span>
    <a href="交易管理.html" class="com-back"><i class="icon icon-back"></i>返回</a>
</div>
<div class="wrapper">
    <div class="ptb50">
    	<ul class="step-list clearfix step4">
        	<li class="first finish">
            	<div class="step-num">1</div>
                <div class="step-bar"></div>
            	<h4>交易下单</h4>
                <p>2018-02-26  16:58:26</p>
            </li>
        	<li class="finish">
            	<div class="step-num">2</div>
                <div class="step-bar"></div>
            	<h4>用户支付</h4>
                <p>2018-02-26  16:58:26</p>
            </li>
        	<li class="finish">
            	<div class="step-num">3</div>
                <div class="step-bar"></div>
            	<h4>发起退款</h4>
                <p>2018-02-26  16:58:26</p>
            </li>
        	<li class="finish">
            	<div class="step-num">4</div>
                <div class="step-bar"></div>
            	<h4>退款完成</h4>
                <p>2018-02-26  16:58:26</p>
            </li>
        </ul>
    </div>
    <div class="detl-box barg-box clearfix">
        <div class="detl-left debg2">
            <div class="dl-hold">
                <h4><i class="icon icon-barg"></i>交易状态：已退款</h4>
                <div class="mt30">
                    <p>智付订单号：ZF10000001</p>
                    <p>渠道流水号：2018032109219919913459887</p>
                    <p>医院流水号：HIS123213478872012</p>
                    <p>退款发起人：侯晓丽</p>
                    <p>退款流水号：TK1222332148761233123</p>
                </div>
            </div>
        </div>
        <div class="detl-right">
            <div class="p20">
                <table class="tb tb-l c-t-center">
                    <tr>
                        <th width="90" rowspan="2" class="c-f14">订单详情</th>
                        <th>交易渠道</th>
                        <th>订单类型</th>
                        <th>订单金额</th>
                        <th>支付渠道</th>
                        <th>实付金额</th>
                    </tr>
                    <tr>
                        <td>掌医-微信公众号</td>
                        <td>门诊预交金充值</td>
                        <td><span class="c-bold">50.00</span></td>
                        <td>微信支付</td>
                        <td><span class="c-bold">50.00</span></td>
                    </tr>
                </table>
                <table class="tb tb-l c-t-center mt20">
                    <tr>
                        <th width="90" rowspan="2" class="c-f14">患者信息</th>
                        <th>就诊卡号</th>
                        <th>就诊人姓名</th>
                        <th>就诊人联系电话</th>
                    </tr>
                    <tr>
                        <td>A00256599</td>
                        <td>张三</td>
                        <td>13688889999</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../widget/nicescroll/3.6.0/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="../widget/placeholder/2.0.7/js/jquery.placeholder.min.js"></script>
<link rel="stylesheet" href="../widget/artDialog/4.1.7/css/artDialog.css" type="text/css" />
<script type="text/javascript" src="../widget/artDialog/4.1.7/js/artDialog.js"></script>
<script type="text/javascript" src="../js/public.js"></script>
<script type="text/javascript">
$(function(){
	//左右等高
	var lH = $('.detl-left').height();
	var rH = $('.detl-right').height();
	if(lH > rH){
		$('.detl-right').height(lH);
	}else{
		$('.detl-left').height(rH);	
	}
});
</script>
</body>
</html>